<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="calculator.css">
    </head>
    <body>
        <div class="d1">
            <div class="d2">
                <h1>Simple Calculator using JS</h1>
            </div>
            <hr>
            <div>
                <label for="1st">Enter 1st value x:</label>
                <input type="text" id="1st">
            </div>

            <div>        
                <label for="2nd">Enter 2nd value y:</label>
                <input type="text" id="2nd">
            </div>

            <div>
            <label for="result">Result:</label>
            <input type="text" id="result">
            </div>

            <div class="d3">
                <button type="button">+</button>
                <button type="button">-</button>
                <button type="button">*</button>
                <button type="button">/</button>
            </div>

            <div class="d4">
                <button type="button" id="square">x<sup>y</sup></button>
                <button type="button" id="root">x的y次根</button>
                <button type="button" id="mod">x%y</button>
                <button type="button" id="factorial">x!</button>
            </div>

            <div class="d5">
                <button type="button" id="cos">cosx</button>
                <button type="button" id="sin">sinx</button>
                <button type="button" id="tan">tanx</button>
                <button type="button" id="cot">cotx</button>
            </div>

            <div class="d6">
                <button type="button" id="reciprocal">1/x</button>
                <button type="butoon" id="log">log<sub>x</sub>y</button>
                <button type="button" id="loge">log<sub>e</sub>x</button>
                <button type="button" id="ex">e<sup>x</sup></button>
            </div>

            <div class="d7">
                <button type="button" id="pi">&pi;</button>
                <button type="button" id="C">C</button>
                <button type="button" id="gcd">gcd</button>
                <button type="button" id="lcm">lcm</button>
            </div>

            <div class="d8">
                <button type="button" id="ans">ans</button>
                <button type="button" id="equal">=</button>
            </div>
            <hr>
        </div>
        <p>请先输入数据再按按钮，例如5+3，先输入5和3，再按“+”，最后按“=”</p>
        <p>例如6!,先在第一个框中输入6，再按“x!”，最后按"="</p>
        <p>gcd:最大公约数；lcm:最小公倍数</p>
        <script src="jquery.js"></script>
        <script src="calculator.js"></script>
    </body>
</html>
